﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MainPage.aspx.cs" Inherits="MainPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link  rel="Stylesheet" href="Style/StyleSheet.css" type="text/css" />
    <link rel="Stylesheet" rev="Stylesheet" href="Scripts/jock-citypicker-2.0.min.css" type="text/css" />
    <script type="text/javascript" src="Scripts/jock-citypicker-2.0.min.js"></script>
    <script type="text/javascript" src="Scripts/jquery-1.7.2.min.js"></script>  
    <script type="text/javascript" src="Scripts/WdatePicker.js"></script>
    <script src="Scripts/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(function(){
            showCont();
            $("input[name=Type]").click(function(){
            showCont();
            });
        });
        function showCont(){
            switch($("input[name=Type]:checked").attr("id")){
                case "dc":
                    $("#from_date").show();
                    $("#Return_dateLabel").hide();
                    $("#Return_date").hide();
                    break;
                case "wf":
                    $("#from_date").show();
                    $("#Return_dateLabel").show();
                    $("#Return_date").show();                 
                    break;
                default:
                    break;
            }
        }
    </script>

    <script type="text/javascript">
        window.onload = function ( ) {
            var a = document.getElementById("From_Station_Text");
            var b = document.getElementById("To_Station_Text");

            a.onclick = function ( ) {
                citypicker.show({ left: 80, top: 20 }, function (data) {
                                                                                     a.value = data; 
                                                                                                });
            };

            var p = { left:323, top: 20 };
            var fn1 = function (city) {
                b.value = city;
            };
            b.onclick = function ( ) {
                citypicker.bind(fn1).fix(p).show( );
            };
        }
    </script>
</head>
<body>
    <form id="form1" runat="server" method="post">
    <div class="MainConten" style="width:900px; height:900px; margin:0 auto" id="MainConten;">
    <div class="Logon" style="width:100%" id="Logon">
       <img src="Images/logo.png"alt="Logon" style="height: 125px; width: 100%" />
    </div>
    <div class="Mulu" style="width:100%; height:25px; background-color:White">
      <div class="bgColor" 
            style="width:150px; background-color:Green; text-align:center;float:left; height: 25px;">
          <asp:LinkButton ID="LinkButton1" runat="server"  PostBackUrl= "~/MainPage.aspx" Font-Size="Large" >首页</asp:LinkButton>
      </div>
      <div class="bgColor" style="width:150px; background-color:Green; text-align:center; float:left; height: 25px">
          <asp:LinkButton ID="Linkbutton2" runat="Server" PostBackUrl="~/UserLookupTicket.aspx" Font-Size="Large">机票查询</asp:LinkButton>
      </div>
      <div class="bgColor" style="width:150px; background-color:Green; text-align:center; float:left; height: 25px">
          <asp:LinkButton ID="Linkbutton3" runat="Server" 
              PostBackUrl="~/BookingTicket.aspx" Font-Size="Large" 
              onclick="Linkbutton3_Click">机票预定</asp:LinkButton>
      </div>
      <div class="bgColor" style="width:150px; background-color:Green; text-align:center; float:left; height: 25px">
          <asp:LinkButton ID="Linkbutton4" runat="Server" PostBackUrl="~/Nothing.aspx" Font-Size="Large">用户中心</asp:LinkButton>
      </div>
      <div class="bgColor" style="width:150px; background-color:Green; text-align:center; float:left; height: 25px">
          <asp:LinkButton ID="Linkbutton5" runat="Server" PostBackUrl="~/Help.aspx" Font-Size="Large">用户帮助</asp:LinkButton>
      </div>
      <div class="bgColor" style="width:150px; background-color:Green; text-align:center; float:left; height: 25px">
          <asp:LinkButton ID="Linkbutton6" runat="Server" PostBackUrl="~/UserLogin.aspx" Font-Size="Large">用户登录</asp:LinkButton>
      </div>
    </div>
    <div style="width:100%; height:25px;">
        <asp:ScriptManager ID="ScriptManager1" runat="Server" ></asp:ScriptManager><!--必须包含这个控件，否则UpdatePanel无法使用--> 
        <table border="0" cellspacing="0" cellpadding="0" width="100%">
        	<tr>
        		<td>
                    <asp:UpdatePanel ID="UpdatePanel1" runat="server">  
                <ContentTemplate>当前时间是：  
            <!--Lable和Timer控件必须都包含在UpdatePanel控件中 -->  
                    <asp:Label ID="Label1" runat="server" Text="Label" style="color:Red"></asp:Label>  <!--用于显示时间-->  
                    <asp:Timer ID="Timer1" runat="server" Interval="1000"></asp:Timer><!-- 用于更新时间，每1秒更新一次-->  
                </ContentTemplate>                  
            </asp:UpdatePanel>
                </td>
                <td></td>
                <td></td>
                <td></td>
                <td>
                    <asp:label runat="Server" ID="LoginUserLable" ></asp:label>
                </td>
        	</tr>
        </table>
        </div>
    <div class="ChildConten"id="ChildConten" style="width:900px; height:650px; position:relative">
        <div class="SearchConten" style="width:350px; height:500px; margin-left:40px; float:left ">
           <div class="SearchBox" style="width:280px; margin:0 auto; height:450px">
             <div class="SearchBoxTitle" style="width:280px; height:30px; font-weight: bold; color:Blue; display:block;margin-top:40px ">机票查询</div>
             <div class="SearchBoxHeader" style="width:280px; height:25px;float:left ">
                <span style="width:20px; visibility: visible" >
                    <input type="radio" id="dc"checked="checked" 
                    style="cursor:pointer; margin-left:10px;  width: 29px; float:left" name="Type" />
                    <asp:label id="dc_label"  runat="server" style="display:block; float:left" 
                    Width="45px" >单程</asp:label>
                </span>
                <span>
                    <input type="radio" id="wf" style="cursor:pointer; margin-left:10px" name="Type" />
                    <asp:Label ID="wf_label" runat="Server">往返</asp:Label>
                </span>
                <span>
                    <a href="LianChengBookingTicket.aspx" style=" margin-left:20px; width:10px">联程</a>
                </span>
           </div>
           <div class="SearchBoxBg" style="width:280px; height:300px;">
                <ul class="SearchItem" style=" width:280px; height:250px; float:left" >
                	<li style="width: 280px; height: 30px; float: left; padding:12px 0">
                        <span class="label">出发地</span>
                        <div class="inp-w" style="float:left">                          
                             <input type="text" value="深圳" id="From_Station_Text" name="leftTicketDTO.from_station_name" class="inp-txt" readonly="readonly"/>                            
                        </div>
                    </li>
                    <li style="width: 280px; height: 30px; float: left; padding:12px 0">
                        <span class="label">目的地</span>
                        <div class="inp-w" style="float:left">                           
                             <input type="text" value="荆州" id="To_Station_Text" name="leftTicketDTO.To_station_name" class="inp-txt" readonly="readonly"/>
                        </div>
                    </li>
                    <li style="width: 280px; height: 30px; float: left; padding:12px 0">
                        <span class="label">出发日</span>
                        <div class="inp-w">
                             <input type="text" readonly="readonly" maxlength="10" value="2015-05-16" id="from_date" name="leftTicketDTO.from_date" class="inp-txt" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})"  />
                        </div>
                    </li>
                    <li style="width: 280px; height: 30px; float: left; padding:12px 0" id="Li_wf">
                        <span class="label" id="Return_dateLabel" >返回日</span>
                        <div class="inp-w">
                             <input type="text" readonly="readonly" maxlength="10"  value="2015-05-16" id="Return_date" name="leftTicketDTO.from_date" class="inp-txt" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" />
                        </div>
                    </li>
                </ul>
                <div class="ChaxunButton" style="width:277px; height:40px; float:left">
                    <a  href="BookingTicket.aspx"id="a_search_ticket" class="btn-login" shape="rect">查&nbsp;&nbsp;&nbsp;&nbsp;询</a>
                </div>                                       
           </div>
           </div>
        </div>
            <div class="RightContent" style="float:left; width: 506px; height: 646px;">
     
        </div>    
    </div>           
    </div>
    </form>
</body>
</html>